Zobrazení obrázku
Obrázek je možné zobrazit pomocí elementu Image. Tento element má atribut Source pro určení cesty k obrázku. Podporované formáty obrázku jsou například: gif, jpg, png, bmp a další.
Zobrazení obrázku<Image Source="zapad_slunce.jpg" Width="450" Height="350"/>
Element Image má atribut Stretch pro nastavení zobrazení obrázku. Pokud obrázek bude mít jinou velikost než element Image, zobrazení se upraví pomocí tohoto atributu. Tento element má čtyři nastavení a to None, Uniform, UniformToFill a Fill. Na Obrázku 1 si můžete prohlédnout jednotlivá nastavení. [zdroj Fotky: http://openphoto.net/gallery/image.html?image_id=15458&hints=#how_to_credit_this_image-]
Obrázek 1 Možnosti nastavení atributu Stretch u Image [zdroj: vlastní, zdroj fotky: http://openphoto.net]
U obrázku je také možné změnit formát. Je tak možné například upravit obrázek na stupně šedi. Pro změnu formátu obrázku slouží element FormatConvertedBitmap. Tento element se použije pro načtení obrázku a umístí se do atributu Source elementu Image.
Změna formátu obrázku
<Image>
<Image.Source>
<FormatConvertedBitmap Source="zapad_slunce.jpg"
DestinationFormat="Gray32Float"/>
</Image.Source>
</Image>
Obrázek 2 Původní a upravený obrázek ve stupních šedi [zdroj: vlastní, zdroj fotky: http://openphoto.net]
Obrázek lze také rotovat o přírůstky 90 stupňů. Stejně jako u změny formátu obrázku se použije další element pro načtení. Pro rotaci se použije element TransformedBitmap. Tento element má atribut Transform pro nastavení transformace.
Rotace obrázku
<TransformedBitmap Source="zapad_slunce.jpg">
<TransformedBitmap.Transform>
<RotateTransform Angle="90"/>
</TransformedBitmap.Transform>
</TransformedBitmap>
Obrázek 3 Rotace obrázku o 90 stupňů [zdroj: vlastní, zdroj fotky: http://openphoto.net]